<template>
	<view class="content">
		<lxc_nav text='设置' :bacicon="'rgba(51, 51, 51, 1)'" tit_c='rgba(51, 51, 51, 1)' :background='bac'></lxc_nav>
		<view class="top">
			<view class="top_1">
				<text></text>
				<text>{{$t('all.j2')}}</text>
				<text>BTC/USDT</text>
			</view>
			<view class="top_2">
				{{$t('all.k2')}}
			</view>
			<view class="top_3">
				<view class="top_3_view">
					{{$t('all.l2')}}
				</view>
				<view class="top_3_view1">
					{{$t('all.m2')}}
				</view>
				<view class="top_3_view1">
					{{$t('all.n2')}}
				</view>
			</view>
		</view>
		<view class="bac">
			<image src="../../static/home_page/dabjt.png" mode=""></image>
			<view class="bac_con">
				<view class="bac_con_box bac_con_1">
					<view class="bac_con_tit">
						<text></text>
						<text>{{$t('all.o2')}}</text>
					</view>
					<view class="bac_con_con">
						<view class="">
							<text>{{$t('all.p2')}}</text>
							<text>50 USDT</text>
						</view>
					</view>

				</view>
				<view class="bac_con_box bac_con_1">
					<view class="bac_con_tit">
						<text></text>
						<text>{{$t('all.q2')}}</text>
					</view>
					<view class="bac_con_con">
						<view class="">
							<text>1.{{$t('all.r2')}} </text>

						</view>
						<view class="">
							<text>2.{{$t('all.s2')}}</text>

						</view>
						<view class="">
							<text> 3.{{$t('all.t2')}}</text>
						</view>
					</view>

				</view>
				<view class="last_con">
					<view class="bac_con_tit">
						<text></text>
						<text>{{$t('all.q2')}}</text>
					</view>
					<view class="last_con_con">
						{{$t('all.u2')}}
					</view>

				</view>
				<view class="but">
					{{$t('all.f4')}}
				</view>
			</view>
		</view>


	</view>
</template>

<script>
	import lxc_nav from '../../components/nav.vue'
	export default {
		components: {
			lxc_nav
		},

		data() {
			return {
				bac: {
					background: '#fff'
				}
			}
		},
		onLoad() {

		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	page {
		background-color: #fff;
	}

	.top {
		width: 100vw;
		height: 220rpx;
		border-radius: 0rpx 0rpx 20rpx 20rpx;
		position: relative;
		z-index: 10;
		top: 80rpx;
		background-color: #FFFFFF;
		padding-left: 4vw;
		padding-right: 4vw;
	}

	.bac {
		position: relative;
		top: -10rpx;
	}

	.top_1 {
		position: relative;
		display: flex;
		margin-top: 20rpx;
	}

	.top_1 text:nth-child(1) {
		position: absolute;
		left: 0rpx;
		width: 8rpx;
		height: 28rpx;
		background: #1989FA;
		border-radius: 4rpx;
		top: 4rpx;
	}

	.top_1 text:nth-child(2) {
		position: absolute;
		left: 20rpx;
		font-size: 28rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #333333;
	}

	.top_1 text:nth-child(3) {
		position: absolute;
		right: 0rpx;
		font-size: 28rpx;
		font-family: PingFang SC;
		font-weight: bold;
		color: #333333;
	}

	.top_2 {
		font-size: 30rpx;
		font-family: PingFang SC;
		font-weight: bold;
		color: #333333;
		line-height: 40rpx;
		position: absolute;
		top: 60rpx;
	}

	.top_3 {
		display: flex;
		width: 92vw;
		position: absolute;
		top: 120rpx;
	}

	.top_3 view {
		width: 33%;
		height: 80rpx;
		border-radius: 10rpx;
		text-align: center;
		line-height: 80rpx;
		font-size: 30rpx;
		font-family: PingFang SC;
		font-weight: 500;
	}

	.top_3 view:not(:nth-child(1)) {
		margin-left: 16rpx;
	}

	.top_3_view {
		color: #FFFFFF;
		background: #1989FA;

	}

	.top_3_view1 {
		color: #1989FA;
		border: 1px solid #1989FA;
	}

	.bac image {
		width: 100vw;
		height: 2000rpx;

	}

	.bac_con {
		width: 94vw;
		margin-left: 3vw;
		position: absolute;
		top: 90rpx;
	}

	.bac_con_box {
		background: #FFFFFF;
		border-radius: 14rpx;
		padding-top: 30rpx;
		padding-left: 2vw;
		margin-top: 20rpx;
	}

	.bac_con_tit {
		display: flex;
		position: relative;
	}

	.bac_con_tit text:nth-child(1) {
		width: 4rpx;
		height: 28rpx;
		background: #1C5BE9;
		border-radius: 2rpx;
		position: relative;
		top: 4rpx;
	}

	.bac_con_tit text:nth-child(2) {
		font-size: 28rpx;
		font-family: PingFang SC;
		font-weight: bold;
		color: #333333;
		margin-left: 10rpx;
	}

	.bac_con_con>view {
		position: relative;
		height: 56rpx;
		line-height: 56rpx;
	}

	.bac_con_con view:last-child {

		height: 76rpx;
	}

	.bac_con_con>view text:nth-child(1) {
		position: absolute;
		left: 0rpx;
		font-size: 28rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #999999;
	}

	.bac_con_con>view text:nth-child(2) {
		position: absolute;
		right: 20rpx;
		font-size: 28rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #333333;
	}

	.last_con {
		background-color: #FFFFFF;
		border-radius: 14rpx;
		margin-top: 20rpx;
		padding-left: 2vw;
		padding-right: 2vw;
		padding-top: 30rpx;
		padding-bottom: 30rpx;
	}

	.last_con_con {
		font-size: 28rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #999999;
		margin-top: 10rpx;
	}
	.but{
		width: 90vw;
		margin-left: 2vw;
		height: 80rpx;
		background: #FFFFFF;
		border-radius: 10rpx;
		margin-top: 36rpx;
		text-align: center;
		line-height: 80rpx;
		font-size: 32rpx;
		font-family: PingFang SC;
		font-weight: bold;
		color: #1E73F4;
	}
</style>
